﻿<?xml version="1.0" encoding="utf-8" ?>

<Content type="xform" name="SkinSettings">
  <model>
    <instance>
      <theme>
        <add key="CurrentTheme" value="Mono"/>
        <add key="Mono.Layout" value="TopNavSideSub"/>
        <add key="Mono.ThemeColor" value="GreyBlue"/>

        <add key="Mono.HeadingFont" value="Arial, Arial, Helvetica, sans-serif"/>
        <add key="Mono.BodyFont" value="Arial, Arial, Helvetica, sans-serif"/>
        <add key="Mono.FontColor" value="#4e4e4e"/>

        <add key="Mono.BaseColor" value="#ffffff"/>
        <add key="Mono.PrimaryColor" value="#9ecba9"/>
        <add key="Mono.SecondaryColor" value="#6991b8"/>
        <add key="Mono.TertiaryColor" value="#666666"/>
        <add key="Mono.QuartaryColor" value="#bcbcbc"/>
        <add key="Mono.FontColor" value="#4e4e4e"/>

        <add key="Mono.BackgroundColor" value="#3b5983"/>
        <add key="Mono.BackgroundImage" value="/ewThemes/Mono/images/body_bg.png"/>
        <add key="Mono.BackgroundRepeat" value="repeat-x"/>
        <add key="Mono.BackgroundPosition" value="left top"/>
        <add key="Mono.BackgroundAttachment" value="scroll"/>
      </theme>
    </instance>
    <submission id="WebSettings" action="" method="post" event="form_check(this)" />
    <bind nodeset="theme">
      <bind id="Theme" nodeset="add[@key='CurrentTheme']/@value" required="true()" type="string" />
      <bind id="ThemeLayout" nodeset="add[@key='Mono.Layout']/@value" required="true()" type="string" />

      <bind id="ThemeHeadingFont" nodeset="add[@key='Mono.HeadingFont']/@value" required="true()" type="string" />
      <bind id="ThemeBodyFont" nodeset="add[@key='Mono.BodyFont']/@value" required="true()" type="string" />
      <bind id="ThemeFontColor" nodeset="add[@key='Mono.FontColor']/@value" required="true()" type="string" />

      <bind id="ThemeColor" nodeset="add[@key='Mono.ThemeColor']/@value" required="true()" type="string" />
      <bind id="ThemeBaseColor" nodeset="add[@key='Mono.BaseColor']/@value" required="true()" type="string" />
      <bind id="ThemePrimaryColor" nodeset="add[@key='Mono.PrimaryColor']/@value" required="true()" type="string" />
      <bind id="ThemeSecondaryColor" nodeset="add[@key='Mono.SecondaryColor']/@value" required="true()" type="string" />
      <bind id="ThemeTertiaryColor" nodeset="add[@key='Mono.TertiaryColor']/@value" required="true()" type="string" />
      <bind id="ThemeQuartaryColor" nodeset="add[@key='Mono.QuartaryColor']/@value" required="true()" type="string" />

      <bind id="ThemeBackgroundColour" nodeset="add[@key='Mono.BackgroundColor']/@value" required="true()" type="string" />
      <bind id="ThemeBackgroundImage" nodeset="add[@key='Mono.BackgroundImage']/@value" required="false()" type="string" />
      <bind id="ThemeBackgroundRepeat" nodeset="add[@key='Mono.BackgroundRepeat']/@value" required="true()" type="string" />
      <bind id="ThemeBackgroundPosition" nodeset="add[@key='Mono.BackgroundPosition']/@value" required="true()" type="string" />
      <bind id="ThemeBackgroundAttachment" nodeset="add[@key='Mono.BackgroundAttachment']/@value" required="false()" type="string" />
    </bind>
  </model>
  <group ref="WebSettings">
    <label>Mono Theme Settings</label>
    <group>
      <label>Theme layout</label>
      <select1 bind="ThemeLayout" appearance="minimal" class="short">
        <item>
          <label>Top main menu with sub menu down the side</label>
          <value>TopNavSideSub</value>
        </item>
        <item>
          <label>Top main menu with sub menu items appearing in a row beneath</label>
          <value>TopNav</value>
        </item>
        <item>
          <label>Main menu down the side</label>
          <value>SideNav</value>
        </item>
        <value />
      </select1>
    </group>
    <group>
      <label>Fonts Settings</label>
      <input bind="ThemeFontColor" class="colorPicker">
        <help class="inline">This is used for the primary font colour</help>
        <label>Theme font colour</label>
        <value />
      </input>
      <select1 bind="ThemeBodyFont" appearance="minimal">
        <label>Body Fonts</label>
        <item>
          <label>Arial/Helvetica</label>
          <value>Arial, Arial, Helvetica, sans-serif</value>
        </item>
        <item>
          <label>Arial Black/Gadget</label>
          <value>Arial Black, Arial Black, Gadget, sans-serif</value>
        </item>
        <item>
          <label>Courier New/Monospace</label>
          <value>Courier New, Courier New, monospace</value>
        </item>
        <item>
          <label>Georgia</label>
          <value>Georgia1, Georgia, serif</value>
        </item>
        <item>
          <label>Lucida Sans/Lucida Grande</label>
          <value>Lucida Sans Unicode, Lucida Grande, sans-serif</value>
        </item>
        <item>
          <label>Tahoma/Geneva</label>
          <value>Tahoma, Geneva, sans-serif</value>
        </item>
        <item>
          <label>Times New Roman/Times</label>
          <value>Times New Roman, Times New Roman, Times, serif</value>
        </item>
        <item>
          <label>Verdana/Geneva</label>
          <value>Verdana, Verdana, Geneva, sans-serif</value>
        </item>
        <value />
      </select1>

      <select1 bind="ThemeHeadingFont" appearance="minimal">
        <label>Heading Fonts</label>
        <item>
          <label>Arial/Helvetica</label>
          <value>Arial, Arial, Helvetica, sans-serif</value>
        </item>
        <item>
          <label>Arial Black/Gadget</label>
          <value>Arial Black, Arial Black, Gadget, sans-serif</value>
        </item>
        <item>
          <label>Courier New/Monospace</label>
          <value>Courier New, Courier New, monospace</value>
        </item>
        <item>
          <label>Georgia</label>
          <value>Georgia1, Georgia, serif</value>
        </item>
        <item>
          <label>Lucida Sans/Lucida Grande</label>
          <value>Lucida Sans Unicode, Lucida Grande, sans-serif</value>
        </item>
        <item>
          <label>Tahoma/Geneva</label>
          <value>Tahoma, Geneva, sans-serif</value>
        </item>
        <item>
          <label>Times New Roman/Times</label>
          <value>Times New Roman, Times New Roman, Times, serif</value>
        </item>
        <item>
          <label>Verdana/Geneva</label>
          <value>Verdana, Verdana, Geneva, sans-serif</value>
        </item>
        <value />
      </select1>
    </group>
    <group>
      <label>Main colours</label>
      <input bind="ThemeBaseColor" class="colorPicker">
        <label>Theme base colour</label>
        <value />
      </input>
      <input bind="ThemePrimaryColor" class="colorPicker">
        <label>Theme primary colour</label>
        <value />
      </input>
      <input bind="ThemeSecondaryColor" class="colorPicker">
        <label>Theme secondary colour</label>
        <value />
      </input>
      <input bind="ThemeTertiaryColor" class="colorPicker">
        <label>Theme tertiary colour</label>
        <value />
      </input>
      <input bind="ThemeQuartaryColor" class="colorPicker">
        <label>Theme quartary colour</label>
        <value />
      </input>
    </group>
    <group>
      <label>Background settings</label>
      <input bind="ThemeBackgroundImage">
        <label>Theme background Image</label>
        <value />
      </input>
      <input bind="ThemeBackgroundColour" class="colorPicker">
        <label>Theme background colour</label>
        <value />
      </input>
      <select1 bind="ThemeBackgroundRepeat" appearance="minimal" class="short">
        <label>Theme background image repeat</label>
        <item>
          <label>Repeat across the screen</label>
          <value>repeat-x</value>
        </item>
        <item>
          <label>Repeat down the screen</label>
          <value>repeat-y</value>
        </item>
        <item>
          <label> Do not repeat, appear once</label>
          <value>no-repeat</value>
        </item>
        <item>
          <label>Repeat across and down</label>
          <value>repeat</value>
        </item>
        <value />
      </select1>
      <select1 bind="ThemeBackgroundPosition" appearance="minimal" class="short">
        <label>Theme background image position</label>
        <item>
          <label>Top Centered</label>
          <value>center top</value>
        </item>
        <item>
          <label>Bottom Centered</label>
          <value>center bottom</value>
        </item>
        <item>
          <label>Top Left</label>
          <value>left top</value>
        </item>
        <item>
          <label>Bottom Left</label>
          <value>left bottom</value>
        </item>
        <item>
          <label>Top Right</label>
          <value>right top</value>
        </item>
        <item>
          <label>Bottom Right</label>
          <value>right bottom</value>
        </item>
        <item>
          <label>Left Centered</label>
          <value>left center</value>
        </item>
        <item>
          <label>Right Centered</label>
          <value>right center</value>
        </item>
        <value />
      </select1>
      <select1 bind="ThemeBackgroundAttachment" appearance="minimal" class="short">
        <label>Theme background image attachment</label>
        <item>
          <label>Scroll</label>
          <value>scroll</value>
        </item>
        <item>
          <label>Fixed</label>
          <value>fixed</value>
        </item>
        <value />
      </select1>
    </group>
    <submit submission="" ref="submit" class="principle">
      <label>Save Settings</label>
    </submit>
  </group>
</Content>
